<div class="qyfx flex">
    <div class="tit">
        区域分析
    </div>

    <div class="main item overflow">
        <div class="tips">
            该片区共有<span class="fuc">7290</span>个纳税人，其中纳税信用为A级的有<span class="fuc">527</span>个，D级的有<span
                class="fuc">451</span>个
        </div>
        <div class="tbBox">
            <h2>主管税务机关</h2>
            <h3>评价户数:<span class="fuc">451</span>户</h3>
            <!-- <table class="layui-table"
                lay-data="{width:800, url:'/test/table/demo2.json?v=2', page: true, limit: 6, limits:[6]}">
                <thead>
                    <tr>
                        <th lay-data="{checkbox:true, fixed:'left'}" rowspan="2"></th>
                        <th lay-data="{field:'username', width:150}" rowspan="2">联系人</th>
                        <th lay-data="{align:'center'}" colspan="3">地址</th>
                        <th lay-data="{field:'amount', width:120}" rowspan="2">金额</th>
                        <th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#barDemo'}" rowspan="2">操作
                        </th>
                    </tr>
                    <tr>
                        <th lay-data="{field:'province', width:120}">省</th>
                        <th lay-data="{field:'city', width:120}">市</th>
                        <th lay-data="{field:'zone', width:200}">区</th>
                    </tr>
                </thead>
            </table> -->
            <table class="layui-table" lay-size="sm">
                <colgroup>
                    <col width="50">
                    <col>
                    <col>
                </colgroup>
                <!-- <thead>
                    <tr>
                        <th>评价情况</th>
                        <th>A级</th>
                        <th>签名</th>
                    </tr>
                </thead> -->
                <tbody>
                    <tr>
                        <th rowspan="2">A级</th>
                        <td>占比(%)</td>
                        <td>4=3/2 </td>
                    </tr>
                    <tr>
                        <td>总户数</td>
                        <td>3</td>
                    </tr>
                    <tr>
                        <th rowspan="2">B级</th>
                        <td>占比(%)</td>
                        <td>4=3/2 </td>
                    </tr>
                    <tr>
                        <td>总户数</td>
                        <td>3</td>
                    </tr>
                    <tr>
                        <th rowspan="2">M级</th>
                        <td>占比(%)</td>
                        <td>4=3/2 </td>
                    </tr>
                    <tr>
                        <td>总户数</td>
                        <td>3</td>
                    </tr>
                    <tr>
                        <th rowspan="2">C级</th>
                        <td>占比(%)</td>
                        <td>4=3/2 </td>
                    </tr>
                    <tr>
                        <td>总户数</td>
                        <td>3</td>
                    </tr>
                    <tr>
                        <th rowspan="2">D级</th>
                        <td>占比(%)</td>
                        <td>4=3/2 </td>
                    </tr>
                    <tr>
                        <td>总户数</td>
                        <td>3</td>
                    </tr>

                </tbody>
            </table>
        </div>
        <div class="echartBox" id="qyfx1"></div>
        <div class="echartBox" id="qyfx2"></div>
        <div class="echartBox" id="qyfx3"></div>
        <div class="echartBox" id="qyfx4"></div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        layui.use(['table', 'echarts', 'tax'], function () {

            var opt = layui.tax,
                $ = layui.$;
            var p1 = echarts.init(document.getElementById('qyfx1'));
            p1.setOption(opt[10]);
            var p2 = echarts.init(document.getElementById('qyfx2'));
            p2.setOption(opt[2]);
            var p3 = echarts.init(document.getElementById('qyfx3'));
            p3.setOption(opt[5]);
            var p4 = echarts.init(document.getElementById('qyfx4'));
            p4.setOption(opt[12]);
            table.render({
                elem: '#cTable'
                , url: '/demo/table/user/'
                , width: 892
                , height: 332
                , cols: [[
                    { type: 'checkbox', fixed: 'left' }
                    , { field: 'pjqk', width: 80, title: '评价情况', sort: true, fixed: 'left' }
                    , { field: 'username', width: 80, title: 'A级' }
                    , { field: 'sex', width: 80, title: 'B级', sort: true }
                    , { field: 'city', width: 80, title: 'C级' }
                    , { field: 'sign', width: 219, title: 'D级' }
                    , { field: 'experience', width: 80, title: '积分', sort: true }
                    , { field: 'score', width: 80, title: '评分', sort: true }
                    , { field: 'classify', width: 80, title: '职业' }
                    , { field: 'wealth', width: 120, title: '财富', sort: true, fixed: 'right' }
                ]]
                , page: true
            });
        })
    })
</script>